<template>
  <div class="divider" :style="{margin:`${distance}px 0`}"/>
</template>

<script>
  export default {
    name: "Divider",
    props: {
      distance: {
        type: Number,
        default: 16
      },
    }
  };
</script>

<style lang="less">
  .divider {
    display: block;
    height: 1px;
    width: 100%;
    background: #e8e8e8;
  }
</style>
